<template>
  <div class="app-body">
    <div class="app-content">
      <transition name="router-fade" mode="out-in">
        <!-- <keep-alive :include="cachedViews">
          <router-view :key="key"></router-view>
        </keep-alive> -->
        <keep-alive>
          <router-view></router-view>
        </keep-alive>
      </transition>
    </div>
    <common-footer></common-footer>
  </div>
</div>
</template>

<style>
/*   .app-content{padding-bottom: 60px;} */
/*   .router-fade-enter-active, .router-fade-leave-active {
      transition: opacity .2s;
  }
  .router-fade-enter, .router-fade-leave-active {
      opacity: 0;
  } */
</style>
<script>
import  commonFooter from '__cp/commonFooter'
export default {
  name: 'layout',
  components:{commonFooter}
}
</script>
